<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
</head>
<body style="background-color: orange;">
<form action="ResultServlet" method="post" name="form">
    <table width="60%" cellspacing="0" cellpadding="2" align="center">
        <tr>
            <td style="background-color:#ffdab4">用户名：</td>
            <td style="background-color:#ffdab5"><input type="text" name="username" value=""></td>
        </tr>
        <tr style="background-color:pink">
            <td>密码：</td>
            <td><input type="password" name="password" value=""></td>
        </tr>
        <tr>
            <td style="background-color:#ffdab4">年龄：</td>
            <td style="background-color:#ffdab5">
                <select name="age"></select>
                <script type="text/javascript">
                    for (var i = 10; i < 100; i++) {
                        document.form.age.length++;
                        document.form.age.options[document.form.age.length - 1].text = i;
                        document.form.age.options[document.form.age.length - 1].value = i;
                    }
                </script>
            </td>
        </tr>
        <tr style="background-color:pink">
            <td>性别：</td>
            <td>
                <input type="radio" name="sex" value="F">女
                <input type="radio" name="sex" value="M">男
            </td>
        </tr>
        <tr>
            <td style="background-color:#ffdab4">爱好：</td>
            <td style="background-color:#ffdab5">
                <input type="checkbox" name="loves[]" value="棋类运动">棋类运动
                <input type="checkbox" name="loves[]" value="球类运动">球类运动
                <input type="checkbox" name="loves[]" value="读书">读书
                <input type="checkbox" name="loves[]" value="听音乐">听音乐
                <input type="checkbox" name="loves[]" value="旅游">旅游
            </td>
        </tr>
        <tr style="background-color:pink">
            <td>Email:</td>
            <td><input type="text" name="email"></td>
        </tr>
        <tr>
            <td style="background-color:#ffdab4">Tel:</td>
            <td style="background-color:#ffdab5"><input type="text" name="tel"></td>
        </tr>
        <tr style="background-color:pink">
            <td colspan="2" style="text-align:center;">
                <input type="submit" value="提交" name="submit">
                <input type="reset" value="重置">
            </td>
        </tr>
    </table>
</form>
</body>
</html>